<template>
  <div id="Banner">
    <div class="inp">
      <img src="/images/a.png" alt />
      <input type="text" placeholder="                  输入搜索内容" />
    </div>
    <div class="ban">
      <img src="/images/b.png" alt />
    </div>
  </div>
</template>
<script src ="../../public/js/fontsizeset.js"></script>
<script >
export default {};
</script>
<style >
#Banner {
  width: 100%;
  height: 4.35rem;
  float: left;
}
#Banner .inp {
  width: 100%;
  height: 1.34em;
}
#Banner .inp input {
  width: 6.5rem;
  height: 0.75rem;
  background-color: #f2f2f2;
  border: none;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  float: left;
  margin-left: 0.5rem;
  margin-top: 0.35rem;
}
#Banner .inp img {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  left: 0.75rem;
  top: 1.45rem;
}
#Banner .ban {
  width: 95%;
  height: 2.9rem;
  border-bottom: 0.01rem solid #f1f1f1;
}
#Banner .ban img {
  width: 6.5rem;
  height: 2.75rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  margin-left: 0.5rem;
}
</style>
